@charset "utf-8";
.web{
	width: 100%;
	height: 100%;
	font-family: "microsoft yahei";
}
p{
	font-family: "microsoft yahei";
}
// 导航条
.navbar{
	border-radius: 0px;
	margin-bottom: 0px;
}
nav{
	>.container{
	>.navbar-header{
		>.logo{
			display: flex;
			align-items: center;
			margin-left: 100px;
		}
	
	}
	}	
}
// layaflash
.layaflash{
	background-color: #8bc01f;
	>.container{
		>.row{
			>.flashleft{
				padding-top: 60px;
				.leftsp_1{
					display: inline-block;
					width: 55px;
					height: 55px;
					text-align: center;
					line-height: 55px;
					background-color: white;
					font-size: 48px;
					color: #8bc01f;
				}
				.leftsp_2{
					font-size: 48px;
					color: white;
				}
				>.col-md-12{
					.left_p1{
						font-size: 24px;
						color: #FFFFFF;
						padding: 14px 0 40px 0;
					}
					.left_p2{
						font-size: 14px;
						color: #FFFFFF;
						line-height: 30px;
						padding-bottom: 10px;
					}
					.left_p3{
						width: 100px;
						height: 34px;
						border-radius: 4px;
						background-color: #e8f2d2;
						color: #8bc01f;
						font-size: 14px;
						text-align: center;
						line-height: 34px;
					}
				}
			}
			>.flashright{
				padding-top: 60px;
				padding-bottom: 90px;
				>.flashimg{
					
				}
			}
		}
	}
}
// layaPlayer
.player{
	background-color: #3393df;
	>.container{
		.row{
			.playtop{
				padding-top: 60px;
				.play-span1{
					display: inline-block;
					width: 44px;
					height: 44px;
					background-color: #ffffff;
					border-radius: 2px;
					color: #3393df;
					font-size: 40px;
					text-align: center;
					line-height: 44px;
					margin-bottom: 18px;
				}
				.play-span2{
					font-size: 48px;								color: #ffffff;
				}
			}
			.playleft{
				
			}
			.playcenter{
				padding-top: 10px;
				.play-p1{
					font-size: 24px;
					color:#ffffff;
				}
				.play-p2{
					font-size: 14px;
					color:#ffffff;
					padding-bottom: 30px;
				}
			}
			.playright{
				padding-top: 150px;
				padding-bottom: 60px;
			}
		}
	}
}
// airopen
.airopen{
	>.container{
		>.row{
			>.airleft,.airright{
				padding-top: 60px;
				.air-span1{
					display: inline-block;
					width: 40px;
					height: 40px;
					background-color: #3393df;
					color:#FFFFFF;
					font-size: 36px;
					text-align: center;
					line-height: 40px;
				}
				.air-span2{
					font-size: 42px;
					color: #3393df;
				}
				.air-p1{
					color: #5d5d5d;
					font-size: 18px;
					padding-top: 13px;
					padding-bottom: 27px;
				}
				.air-p2{
					font-size: 18px;
					color: #3393df;
					padding-bottom: 10px;
				}
				.air-p3{
					text-indent: 2em;
					font-size:14px;
					padding-bottom: 27px;
				}
				.air-p4{
					text-indent: 2em;
					font-size:14px;
					padding-bottom: 46px;
				}
				.airimg{
					padding-bottom: 60px;
				}
			}
		}
	}
}
// stroepub
.storepub{
	background-color: #f7f7f7;
	.container{
		.row{
			>.storeleft,.storeright{
				padding-top: 60px;
				.store-span1{
					display: inline-block;
					width: 40px;
					height: 40px;
					background-color: #3393df;
					color:#FFFFFF;
					font-size: 36px;
					text-align: center;
					line-height: 40px;
				}
				.store-span2{
					font-size: 42px;
					color: #3393df;
				}
				.air-p1{
					color: #5d5d5d;
					font-size: 18px;
					padding-top: 13px;
					padding-bottom: 27px;
				}
				.air-p2{
					font-size: 18px;
					color: #3393df;
					padding-bottom: 10px;
				}
				.air-p3{
					text-indent: 2em;
					font-size:14px;
					padding-bottom: 27px;
				}
				.air-p4{
					text-indent: 2em;
					font-size:14px;
					padding-bottom: 46px;
				}
				.air-p5{
					text-indent: 2em;
					font-size:14px;
					padding-bottom: 66px;
				}
				.airimg{
					padding-bottom: 70px;
				}
			}
		}
	}
}



footer{
	background-color: #3b3b3b;
	>.container{
		>.footer_top{
			padding-top: 40px;
			padding-bottom: 40px;
			.footer_a{
				>a{
					color: #a1a3ab;
				}
				>p{
					color: #a1a3ab;
				}
			}
			.footer_right{	
			}
		}
	}
}

@media only screen and (min-width:992px) and (max-width:1199px){
	nav > .container > .navbar-header > .logo {
	    margin-left:10px;
	}
}
@media only screen and (min-width:768px) and (max-width:992px){
			.navbar-brand{
				padding-right: 3px;
				padding-left: 3px;
			}
			nav > .container > .navbar-header > .logo {
			
			    margin-left: 0px;
			}
			.nav > li > a {
			    padding: 15px 4px;
			}
	}